@charset "utf-8";

*{margin:0;padding: 0;}
p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0.2em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
ul li{list-style: none;}
em,b,strong{font-style: normal;}
.blue{color: #ff5108;}
/*顶部*/
header{width: 100%;height:50px;background: #767676;color: #fff;font-size:18px;padding: 0 15px;line-height: 50px;font-weight: 700;}
.header-left{float: left;height:50px;}
.header-right{float: right;height:50px;}
/*底部*/
footer{position: fixed;bottom: 0;width: 100%;height: 50px;background: #202020;max-width: 1170px;}
footer ul{width:100%;height: 50px; }
footer ul li{width: 33.3%;float: left;list-style: none;color: #fff;text-align: center;padding-top: 5px;}
footer ul li span{display: block;}

/*主体部分*/
.main{width: 100%;}
.top{width: 100%;height: 3rem;padding: 1rem;position: relative;box-shadow: 0px 4px 8px 0px #b1adad;
      background: -webkit-linear-gradient(#0a5bc4, #0593df); /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(#0a5bc4, #0593df); /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(#0a5bc4, #0593df); /* Firefox 3.6 - 15 */
      background: linear-gradient(#0a5bc4, #0593df); /* 标准的语法 */
    }
.top p{width: 100%;font-size: 0.4rem;color: #fff;text-align: center;font-weight: 700;letter-spacing: 1px;}
.top .touxiang{position: absolute;width: 118px;height: 118px;top:2rem;left: 50%;margin-left: -60px;
      border-radius: 50%;box-shadow: 0px 2px 8px 0px #b1adad; }
.top .touxiang img{width: 120px;height: 120px;border-radius: 50%;}

.content{width: 100%;padding: 2rem 0 0 0;}
.content .box{width: 100%;height: 40px;background: #f0f0f0;border-bottom: 1px solid #ccc;line-height: 40px;}
.content .box-small{width: 98%;height: 40px;background: #f0f0f0;padding: 0 20px;border-bottom: 1px solid #ccc;line-height: 40px;position: relative;margin: 0 auto;}
.content .box input{width: 70%;border: none;outline: none;text-align:right;background:#f0f0f0;height: 38px;padding-right: 10px; }
.content .box span{position: absolute;color: #fff;display: inline-block;width: 40px;height: 20px;border-radius: 10px;text-align: center;
  line-height: 20px;right: 0;background: #008c99;top: 10px;}


.panel {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
     background-color: none!important; 
    border: 0px solid transparent!important;
     border-bottom: none!important; 
    border-radius: 4px;
     -webkit-box-shadow: none!important; 
     box-shadow: none!important; 
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f0f0f0!important;
    border-color: transparent!important;
}
.panel-heading{background:#fafafa;}
.panel-body ul li{float: left;text-align: center;margin-bottom: 10px;}
.panel-title .span1{float: left;font-weight: 700;color: #222;display: inline-block;margin-right: 31%;width: 20%;}
.pta{display: inline-block;width: 20px;height: 40px;background:url(../images/arrow-down.png) no-repeat 0px 0px;
      background-size:90%;line-height: 40px;float: right;margin-top: 15px; }
.pta1{display: inline-block;width: 20px;height: 40px;line-height: 40px;}
.panel-heading {
     padding: 0!important; 
    border-bottom: 1px solid transparent;
     border-top-left-radius: 0!important; 
     border-top-right-radius: 0!important; 
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px!important;
    color: inherit;
    height: 40px;
    line-height: 40px;
    width: 87%;
    margin: 0 auto;
    font-weight: normal!important;
}

.panel-left{width: 70%;float: left;}
.panel-right{width: 30%;float: right;text-align: center;position: relative;}
.panel-body>.panel-left input{text-align: left;text-indent: 20px;}
.panel-right span{position: absolute;color: #fff;display: inline-block;width: 40px;height: 20px;border-radius: 10px;text-align: center;
  line-height: 20px;right: 30px;background: #008c99;top: 50px;}